<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html>
	<head>
		<title>得威电商后台管理</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport"	content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.form.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/bxslider.js?v=1"></script>
		<script type="text/javascript" src='${pageContext.request.contextPath}/dewei/js/jquery-ui-datepicker.min.js?v=1"'></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/huandianchi.js?b=1?v=1"></script>

		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=790411bda172ff9496825d6ea740661d"></script>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/bootstrap.min.css?v=1">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dewei/css/dewei.css?v=1">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dewei/css/bxslider.css?v=1">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/dewei/css/calendar.css?v=1">
		<script type="text/javascript">
			var slider;
			$(function(){
				$('#loading').show();
				 
				//bindSelectUl();
				slider=$('.bxslider').bxSlider({
				  adaptiveHeight: true,
				  adaptiveHeightSpeed:0,
				  pager:false,
				  controls:false,
				  touchEnabled:false,
				  preloadImages:'all', 
				  onSliderLoad: function(){
				  	 //initMap();
				  	 getCurrentAddress();
				  },
				 onSlideBefore:function(){
					 $('#loading').show();
					 
				  },
				  onSlideAfter:function(){
				  	  var index=slider.getCurrentSlide();
				  	 if(index==4 && $('#mendian').css('display')=='block'){
				  	   	 $('#mapinfo_pane').css('display','none');
				  	   	 $('#userinfo_pane').show();
				  	 }
					$('.footer_bar').hide().fadeIn().click(function(){
					
					});
					 $('#loading').hide();
				  }
				});
				var height=$("#tester").height();
				$('.bx-viewport').css('height',height);
				$('#bxslider .slide').css('height',height);
				
				$('.search_bar span').click(function(){
					var index=$('.search_bar span').index(this);
					if(index<2){
						$('#footer_bar').show();
					}else{
						$('#footer_bar').hide();
					}
					slider.goToSlide(index);
					$('.btnBlackSelected').removeClass('btnBlackSelected').addClass('btnBlack');
					$(this).removeClass('btnBlack').addClass('btnBlackSelected');
				});
				
				$('#calendar').datepicker({
					inline: true,
					firstDay: 1,
					showOtherMonths: true,
					dateFormat:'yy-M-dd',
					dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
					onSelect:function(date){
						$('.date').html(date);
						$('#calendar').hide();
					}
				});
			});
		</script>
		<style type="text/css">
			.slide .inner-scroll{
				left: 0px;top: 0px;height: 100%;overflow-y:auto;
			}
			.bx-wrapper div.footer_bar{
				position: absolute;bottom: 0px;
			}
			.form-caption{
				color:#fff
			}
			.form-control{
				 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color:#fff;
			}
		    select{
			border:none;background:none;color:#fff
			}
		</style>
	</head>
	<body>
	 
		<div id='loading' align="center">
			<div class="content" align="center">
				<img src='${pageContext.request.contextPath}/dewei/img/loading_1.gif'/>
			</div>
		</div>
	 
	<form id="dingDanForm" style="display: none;">
	<input type="hidden" id="nowDate" value="${nowDate}" /><input type="hidden" id="nowHour" value="${nowHour}" />
	
	
	<s:hidden id="chexingId" name="model.chexingId"/>
	<s:hidden name="model.dianchiId" id="dianchiId"/>
	<s:hidden name="model.chexingName"   id="hiddenChexingName"/>
	<s:hidden name='model.price' id="ourPrice"/><s:hidden name='model.pinPai' id="pinPai"/>
	<s:hidden name='model.xingHao' id="xingHao"/><s:hidden name='model.imageUrl' id="imageUrl"/>
	<s:hidden  name='model.lat' id="hiddenLat"/><s:hidden name='model.lng' id="hiddenLng"/>
	<!-- 下订单人所在的省市县 -->
	<s:textfield name='model.province' cssClass="hiddenProvince"  id="hiddenProvince"/>
	<s:textfield name='model.city' cssClass="hiddenCity" id="hiddenCity"/>
	<s:textfield name='model.town' cssClass="hiddenTown" id="hiddenTown"/>
	<!-- 1:门店，2：上门 -->
	<s:hidden name='model.changeType' id="hiddenChangeType"/>

	<!-- 客户地址 -->
	<s:hidden name='model.address' id="hiddenAddress"/>
	<!-- 客户联系电话-->
	<s:hidden name='model.lxTel' id="hiddenLxTel"/>
	<s:hidden name='model.time' id="hiddenTime"/>
	<s:hidden name='model.kehuName' id="hiddenKehuName"/>
	
	<!-- 门店联系电话 -->
	<s:hidden name='model.menDianTel' id="hiddenMenDianTel"/>
	<s:hidden name='model.mendianLxr' id="hiddenMendianLxr"/>
	<s:hidden name='model.mendianName' id="hiddenMendianName"/>
	<!-- 门店地址 -->
	<s:hidden name='model.mendianAddr' id="hiddenmendianAddr"/>
	<s:hidden name='model.mendianId' id="hiddenMendianId"/>
	</form>
		<div id="calendar"	style="text-align: center; height: 0px; z-index: 999;; margin-top: 20px; display: none;position: absolute;left: 10px;top: 60px"	align="center">
		</div>
		<div style="position: fixed; height: 100%; width: 100%; display: none"	id='tester'></div>
		<div class="bxslider-wrapper" data-snap-ignore="true">
			<div class='search_bar' style="display: none">
				<div id='navBtnGroup'>
					<span class='btnBlackSelected' id="tab0"  next='tab1'>1.选择型号</span>
					<span class='btnBlack' id="tab1" next='tab2' prev="tab0">2.选择电池</span>
					<span class='btnBlack' id="tab2" next='tab3'  prev="tab1">3.选择服务</span>
					<span class='btnBlack' id="tab3" next='tab4'  prev="tab2" style="display: none">4.填写信息</span>
					<span class='btnBlack' id="tab4" next='tab5'  prev="tab3"  style="display: none">确认订单</span>
					<span class='btnBlack' id="tab5" next='' style="display: none">下单成功</span>
				</div>
				<span id='title'></span>
			</div>
			<div class="bxslider" id='bxslider' >
				<div  class='slide'>
					<!-- tab0 -->
					<jsp:include page="products.jsp"></jsp:include>
				</div>
				<div  class='slide'>
					<!-- tab1 -->
					<jsp:include page="type.jsp"></jsp:include>
				</div>
				<div  class='slide' >
					<!-- tab2 -->
					<jsp:include page="service.jsp"></jsp:include>
				</div>
				 <div  class='slide'>
					<!-- tab3 -->
					<jsp:include page="edit_info.jsp"></jsp:include>
				</div>
				
				<div  class='slide'>
					<!-- tab4 -->
					<jsp:include page="confirm.jsp"></jsp:include>
				</div>
				 
				<div  class='slide'>
					<!-- tab5 -->
					<jsp:include page="success.jsp"></jsp:include>
				</div>
			</div>
		</div>
		<div id='preview' align="center">
			<img  class='close' onclick="closePreview()" src="${pageContext.request.contextPath}/dewei/img/close.png"/>
			<img  class='frame'/>
		</div>
		<div id='preview2' align="center">
		<div class="content">
		    <img  class='close' onclick="closePreview()" src="${pageContext.request.contextPath}/dewei/img/close.png"/>
			<div class='ab' style="background-color:  fff;font-size: 16px;"></div>
			<div class='ad'  style="background-color: fff;font-size: 16px;"></div>
			<img  class='frame'/>
			<div class='marketprice'  style="color: fff;font-size: 16px;"></div><div class="ourprice" style='background-color:fff;color:red;font-size: 16px;'></div>
		</div>
		</div>
		<div id='CitySelector'>
		</div>
	</body>
</html>
